<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>报价</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">
    <link href="../css/mui/mui.picker.min.css" rel="stylesheet" />


    <!-- Custom styles for this template -->
    <!-- <link href="../css/iOS/mobile/mobile.css" rel="stylesheet"> -->
</head>

<body>

    <!-- header -->
    <div class="margin-b-60">
        <div class="list-group patient-list1 margin-b-i10">
        

            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">机构地址</div>
                <div class="web-box2 nk-s text-right list-right" id="btn2">
                    <div class="display-flex align-items-center justify-content-center">
                        <input type="text" placeholder="请选择">
                        <!-- <span>请选择标签</span> -->
                        <img class="sele-icon" src="../img/next.png" />
                    </div>
                </div>
            </div>




        </div>
        <div class="list-group patient-list1 margin-b-i10">
            <!-- <div class="price-diff"> -->
            <div class="list-cell text-cell">
                <div class="web-box1 list-left">培训费用</div>
                <div class="web-box2 nk-s text-right list-right display-flex">
                    <input type="number" placeholder="请输入金额">
                    <span class="padding-l-5 font-15 black">元</span>
                </div>
            </div>
            <!-- <p class="no-margin padding-t-5 margin-t-f5 padding-b-10">默认为0元，即免费，收费可设置5~30元之间的整数值</p> -->
            <!-- </div> -->
            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">培训老师</div>
                <div class="web-box2 nk-s text-right list-right"><input type="text" placeholder="请输入培训老师">
                </div>
            </div>
            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">报价人员</div>
                <div class="web-box2 nk-s text-right list-right"><input type="text" placeholder="请输入报价人员">
                </div>
            </div>
            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">联系电话</div>
                <div class="web-box2 nk-s text-right list-right"><input type="text" placeholder="请输入联系电话">
                </div>
            </div>

        </div>
        <div class="widget-default widget-body margin-b-10">

            <div class="web-box1 list-left font-15 black">报价备注</div>
            <div class="list-right">
                <textarea class="no-margin info-textarea" type="text" placeholder="请输入报价备注"></textarea>
            </div>

        </div>
 

    </div>
    <div class="save-btn hobby-footer1">
        <button type="button" class="mui-btn mui-btn-primary mui-btn-block bc-head">提交报价</button>
    </div>



    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>
    <script type="text/javascript" src="../js/mui/mui.picker.min.js"></script>
    <script>
    
        $("#btn2").on("tap", function () {
            var picker = new mui.PopPicker({
                layer: 3
            });
            picker.setData([{
                value: "110000",
                text: "北京市",
                children: [{
                    value: "110101",
                    text: "东城区",
                    children: [{
                        value: "110101",
                        text: "东城区",
                    }]
                }]
            }, {
                value: "120000",
                text: "天津市",
                children: [{
                    value: "120101",
                    text: "和平区",
                    children: [{
                        value: "110101",
                        text: "东城区",
                    }]
                }, {
                    value: "120102",
                    text: "河东区",
                    children: [{
                        value: "110101",
                        text: "东城区",
                    }]
                }, {
                    value: "120104",
                    text: "南开区",
                    children: [{
                        value: "110101",
                        text: "东城区",
                    }]
                }]
            }])
            picker.pickers[0].setSelectedIndex(1);
            picker.pickers[1].setSelectedIndex(1);
            picker.pickers[2].setSelectedIndex(1);
            picker.show(function (SelectedItem) {
                console.log(SelectedItem);
            })
        });
       
    </script>

</body>

</html>